<template>
	<div style="padding-top:50px;">
		<TopWithBack></TopWithBack>
    <div class="index_divide"></div>
    <div class="viewlogistics_t">
        订单编号：{{orderdetails.order_sn}}
    </div>
    <div class="index_divide"></div>
    <div class="container_1">
        <ul class="time-vertical">
          <li v-for="item of order_log">
              <b></b>
              <a>{{item.content}}</a>
              <p>{{item.createtime}}</p>
          </li>
        </ul>
    </div>
  </div>
</template>
<script>
import TopWithBack  from './../common/TopWithBack.vue'
import { orderDetalis } from '@/api/allapis'
export default{
  name: 'ServiceProce',
  data(){
    return{
      orderdetails:'',
      order_log:'',
      id:''
    }
  },
  components:{
  	TopWithBack
  },
  methods:{
    //拉取订单的订单流程
    loaddata(){
      orderDetalis(this.id).then(response=>{
        // console.log(JSON.stringify(response))
        this.orderdetails = response.data.order_info
        this.order_log = response.data.order_log
      })
    },
  },
  created(){
    this.id = this.$route.params.id
    this.loaddata()

  }
}
</script>
<style>

</style>



